@import "@/style/flex-init";

.navbar {

  .no-right {
    width: 20px;
  }

  .navbar-fixed {
    width: 100%;
    background-color: $page-bg;

    .navigation {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
      padding: 0 10px;

      .title {
        font-size: 18px;
        width: 60%;
        position: absolute;
        left: 20%;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .iconfont {
        font-size: 25px;
      }
    }
  }
}

.navbar-- {
  box-sizing: border-box;
  // #ifdef H5
  max-height: 40px;
  // #endif
}